<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<link rel="stylesheet" type="text/css" href="css/tabel-paper.css" />
<title>问卷调查编辑</title>
</head>
<body>
	<div class="paper-head">
		<div class="logo" style="top:35px;"><p>问卷调查</p></div>
		<div class="logo-r"></div>
		
		<div class="paper-edit">
		<div style="position:relative">
			<ul>
				<li style="border-left:0;"><a href="网页预览.html">网页预览</a></li>
				<li><a href="">手机预览</a></li>
				<li><a href="javascript:;" class="abUI-alert" alertid="off-edit" alertText="确定放弃本次编辑？">放弃</a></li>
				<li style="border-right:0;"><a href="javascript:;" class="abUI-alert" alertid="alert" alertText="<span>发布成功</span><a href='发布页面.html'>点击查看发布信息</a>">发布</a></li>
			</ul>
		</div>
		</div>
	</div>
	
	<div class="paper-blcok">
		<div class="paper-blcok-head"></div>
		<div class="paper-blcok-repeat">
		<div class="auto1200">	
		<div class="paper-really">
			<!-- 内容块 start -->
			<table border="0" cellspacing="0" cellpadding="0" width="100%" style="min-height:450px;">
			<tr>
				<td width="210" bgcolor="#f4f4f4" align="top" class="paper-edit-left" style="vertical-align:top">
					<h3>题型选择</h3>
					<div id="editing-list">
						<a href="javascript:;" body-prompt="添加了一道 单选题">单选题</a>
						<a href="javascript:;" body-prompt="添加了一道 多选题">多选题</a>
						<a href="javascript:;" body-prompt="添加了一道 填空题">填空题</a>
						<a href="javascript:;" body-prompt="添加了 文字说明">文字说明</a>
					</div>
					<span style="position:absolute; left:0; bottom:-5px; width:100%; height:5px; background:#f4f4f4;"></span>
				</td>
				<td align="left" style="vertical-align:top" class="paper-edit-right">
					<h3>
						<span id="edit-paper-title">移动考勤查询使用情况调查</span>
						<a href="javascript:;" id="click-create-paper" class="abUI-alert" alertid="create-paper"> <img src="images/h-edit.jpg" /></a>
					</h3>
					<p id="edit-paper-description">       移动考勤上线使用已经一年多的时间了，为了提高更好的用户体验，增加系统的易用性。我们参照使用情况，对一下的问题进行调查访问，我们会根据访问情况对系统进行相应的优化，为用户提出更好的解决方案。移动考勤上线使用已经一年多的时间了，为了提高更好的用户体验，增加系统的易用性。我们参照使用情况，对一下的问题进行调查访问，我们会根据访问情况对系统进行相应的优化，为用户提出更好的解决方案。</p>
					<ul id="editing-ontainer"><!-- 题目容器 --></ul>
					<ul id="editing-model" style="display:none">
					<!-- 题目模版 -->
						<li type="0">
							<div class="title">
								<div class="title-text">
									<h3>请输入题目</h3>
									
									<span>
										<label class="radio"><input type="radio" /></label>
										<font>百度搜索</font>
									</span>
								</div>
								<div class="operation">
									<a href="javascript:;" title="保存" class="e1"></a>
									<a href="javascript:;" title="删除" class="e2 abUI-alert" alertid="off-edit" alertText="确定删除？" ></a>
									<a href="javascript:;" title="上移" class="e3"></a>
									<a href="javascript:;" title="下移" class="e4"></a>
									<a href="javascript:;" title="最前" class="e5"></a>
									<a href="javascript:;" title="最后" class="e6"></a>
								</div>
							</div>
							<div name="tab-cont">
							<div class="bot-cont">
								<i></i>
								<h3>标题设置</h3>
								<div class="title-value">
									<input type="text" value="" class="border-radius" />
									<label class="checkbox"><input type="checkbox" name="" /></label>
									<span>跳题逻辑</span>
								</div>
								<div class="up-jump" style="display:none">
									<span>答完此题后，跳转到</span>
									<div class="select">
										<input type="text" class="select-selectedIndex" value="" readonly="readonly" />
										<ul class="select-option">
											<li>选项一</li>
											<li>选项二</li>
											<li>选项三</li>
											<li>选项四</li>
											<li>选项五</li>
										</ul>
									</div>
								</div>
								
								<div class="cont-value">
									<i></i>
									<h3>
										<span style="left:0;">题目选项设置</span>
										<span style="left:370px;">跳题逻辑</span>
										<span style="left:520px;">操作</span>
									</h3>
									<div>
										<input type="text" value="" class="p1 border-radius" />
										<input type="text" value="" class="p2 border-radius" />
										<div>
											<a href="javascript:;" class="e1"></a>
											<a href="javascript:;" class="e2"></a>
											<a href="javascript:;" class="e3"></a>
											<a href="javascript:;" class="e4"></a>
										</div>
									</div>
								</div>
								<div style="clear:both; height:0px;"></div>
							</div>
							</div>
						</li>
						<li type="1">
							<div class="title">
								<div class="title-text">
									<h3>请输入题目</h3>
									<span>
										<label class="checkbox"><input type="checkbox" /></label>
										<font>百度搜索</font>
									</span>
								</div>
								<div class="operation">
									<a href="javascript:;" title="保存" class="e1"></a>
									<a href="javascript:;" title="删除" class="e2 abUI-alert" alertid="off-edit" alertText="确定删除？" ></a>
									<a href="javascript:;" title="上移" class="e3"></a>
									<a href="javascript:;" title="下移" class="e4"></a>
									<a href="javascript:;" title="最前" class="e5"></a>
									<a href="javascript:;" title="最后" class="e6"></a>
								</div>
							</div>
							<div name="tab-cont">
							<div class="bot-cont">
								<i></i>
								<h3>标题设置</h3>
								<div class="title-value">
									<input type="text" value="" />
									<label class="checkbox"><input type="checkbox" /></label>
									<span>跳题逻辑</span>
								</div>
								<div class="up-jump" style="display:none">
									<span>答完此题后，跳转到</span>
									<div class="select">
										<input type="text" class="select-selectedIndex" value="" readonly="readonly" />
										<ul class="select-option">
											<li>选项一</li>
											<li>选项二</li>
											<li>选项三</li>
											<li>选项四</li>
											<li>选项五</li>
										</ul>
									</div>
								</div>
								
								<div class="cont-value">
									<i></i>
									<h3>
										<span style="left:0;">题目选项设置</span>
										<span style="left:370px;">跳题逻辑</span>
										<span style="left:520px;">操作</span>
									</h3>
									<div>
										<input type="text" value="" class="p1" />
										<input type="text" value="" class="p2" />
										<div>
											<a href="javascript:;" class="e1"></a>
											<a href="javascript:;" class="e2"></a>
											<a href="javascript:;" class="e3"></a>
											<a href="javascript:;" class="e4"></a>
										</div>
									</div>
								</div>
								
								<div class="cont-num">
									<i></i>
									<span>选项数量最少选</span>
									<div class="select minSelect">
										<input type="text" class="select-selectedIndex" value="1" readonly="readonly" />
										<ul class="select-option">
											<li>1</li>
											<li>2</li>
											<li>3</li>
											<li>4</li>
											<li>5</li>
										</ul>
									</div>
									<div style="float:left; width:50px; height:25px;"></div>
									<span>最多选</span>
									<div class="select minSelect">
										<input type="text" class="select-selectedIndex" value="1" readonly="readonly" />
										<ul class="select-option">
											<li>1</li>
											<li>2</li>
											<li>3</li>
											<li>4</li>
											<li>5</li>
										</ul>
									</div>
									<span>项</span>
								</div>
								<div style="clear:both; height:0px;"></div>
							</div>
							<div class="select-batch">
							<div class="batch-relative">	
								<div class="click abUI-alert" alertid="select-batch">批量增加选项 <span>展开</span></div>
							</div>
							</div>
							<div style="clear:both; height:10px;"></div>
							</div>
						</li>
						<li type="2">
							<div class="title">
								<div class="title-text">
									<h3>请输入题目</h3>
								</div>
								<div class="operation">
									<a href="javascript:;" title="保存" class="e1"></a>
									<a href="javascript:;" title="删除" class="e2 abUI-alert" alertid="off-edit" alertText="确定删除？" ></a>
									<a href="javascript:;" title="上移" class="e3"></a>
									<a href="javascript:;" title="下移" class="e4"></a>
									<a href="javascript:;" title="最前" class="e5"></a>
									<a href="javascript:;" title="最后" class="e6"></a>
								</div>
							</div>
							<div name="tab-cont">
							<div class="blanks">
								<i></i>
								<h3>填空题设置</h3>
								<textarea class=""></textarea>
								<div class="button">插入填空</div>
							</div>
							<div style="clear:both; height:10px;"></div>
							</div>
						</li>
						<li type="3">
							<div class="title">
								<div class="title-text">
									<h3>请输入题目</h3>
								</div>
								<div class="operation">
									<a href="javascript:;" title="保存" class="e1"></a>
									<a href="javascript:;" title="删除" class="e2 abUI-alert" alertid="off-edit" alertText="确定删除？" ></a>
									<a href="javascript:;" title="上移" class="e3"></a>
									<a href="javascript:;" title="下移" class="e4"></a>
									<a href="javascript:;" title="最前" class="e5"></a>
									<a href="javascript:;" title="最后" class="e6"></a>
								</div>
							</div>
							<div name="tab-cont">
							<div class="blanks">
								<i></i>
								<h3>文字说明</h3>
								<textarea></textarea>
							</div>
							<div style="clear:both; height:10px;"></div>
							</div>
						</li>
					</ul>
				</td>
			</tr>
			</table>
			<!-- 内容块 end -->
			
		</div>
		</div>	
		</div>
		<div class="paper-blcok-foot"></div>
	</div>
	
	<!-- 提示框 -->
	<div id="alert" style="display:none">
		<div class="img"></div>
		<p></p>
		<div class="button"><input type="button" class="abUI-off button1" value="确定" /></div>
	</div>
	
	<!-- confirm -->
	<div id="off-edit" class="confirm" style="display:none">
		<div class="img"></div>
		<p></p>
		<div class="button">
			<input type="button" class="abUI-on button1" value="确定" />
			<input type="button" class="abUI-off button2" value="取消" />
		</div>
	</div>
	
	<!-- 问卷修改 -->
	<div class="newPaper" id="create-paper" style="display:none">
		<div class="paper-title">
			<h3>问卷修改</h3>
		</div>
		<div style="clear:both; height:10px;"></div>
		<div class="form-list">
			<span>问卷名称：</span>
			<input type="text" placeholder="输入新的问卷名称" class="radius" />
			<i>*</i>
		</div>
		<div class="form-list">
			<span>问卷说明：</span>
			<textarea placeholder="输入问卷说明" class="radius"></textarea>
			<strong>提示：问卷说明字数不能超过 <label>4000</label> 字，已经输入 <span>0</span> 字符，还剩 <span>4000</span> 字符</strong>
		</div>
		<div class="button">
			<input type="button" value="确定" class="button1 abUI-on" />
			
			<!-- .abUI-off 触发关闭弹窗 -->
			<input type="button" value="取消" class="button2 abUI-off" />
		</div>
	</div>
	
	<!-- 批量增加选项 -->
	<div id="select-batch" style="display:none">
		<h3>批量增加选项，每行一个选项</h3>
		<textarea></textarea>
		<div class="button">
			<input type="button" class="button1 abUI-on" value="确定" />
			<input type="button" class="button2 abUI-off" value="取消" />
		</div>
	</div>
	
	<!-- 跳题弹窗 -->
	<div id="jump-topic" style="display:none">
		<div class="topic">
			当前题目：<span></span>
		</div>
		<div class="topic-all" style="display:none">
			<span>跳转题目：</span>
			<div class="select" style="float:left">
				<input type="text" class="select-selectedIndex" value="选择跳转题目" readonly="readonly" />
				<ul class="select-option topic-select-ul">
					<li>1、您是通过什么途径知道安邦保险的？（多选）</li>
					<li>2、您是通过什么途径知道安邦保险的？（多选）</li>
					<li>3、您是通过什么途径知道安邦保险的？（多选）</li>
					<li>4、您是通过什么途径知道安邦保险的？（多选）</li>
					<li>5、您是通过什么途径知道安邦保险的？（多选）</li>
				</ul>
			</div>
		</div>
		<div class="checkbox-topic">
			<label class="checkbox"><input type="checkbox" name="" /></label>
			<span>勾选显示 跳转题目</span>
		</div>
		<div class="button">
			<input type="button" class="abUI-on button1" value="确定" />
			<input type="button" class="abUI-off button2" value="取消" />
		</div>
	</div>
	
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/paper.js"></script>
</body>
</html>
